// 思路：
//     1.下一步点击事件请求数据（get）
//     2.得到成功回调函数数据
//     3.将得到的数据赋值到密保问题上
//     4.点击重置时发送请求验证是否正确（post）

// 入口函数
$(function () {

    // 全局变量
    var username         //用户名
    var phone            //手机号
    var question         //密保问题
    var id              //id

    // 下一步单机事件
    $('#btn1').on('click', function () {
        // 请求数据验证手机号
        axios({
            method: 'GET',
            url: 'http://124.223.14.236:3001/api/user/findPwd',
            params: {
                phone: $('#phone').val().trim(),
            }
        }).then(function (res) {
            console.log(res)
            // 验证失败判断
            if (res.data.msg === "该手机号未被账号注册") return alert("该手机号未被账号注册")

            // 成功获取数据
            username = res.data.data.username
            phone = res.data.data.phone
            question = res.data.data.question
            id = res.data.data.id

            // 信息赋值
            $('#un').val(username)
            $('#ph').val(phone)
            $('#qu').val(question)
        })
    })


    // 重置按钮点击事件
    $('#btn2').on('click', function () {
        // 请求数据
        axios({
            method: 'POST',
            url: 'http://124.223.14.236:3001/api/user/resetPwd',
            data: {
                answer: $('#an').val(),           //密保验证
                id: id.toString(),                //数值转字符串
                password: $('#newpd').val(),      //新密码
            }
        }).then((res) => {
            // 错误信息判断
            if (res.data.msg === "回答错误") return alert('回答错误')

            // 正确密保验证信息提示
            alert('修改密码成功!')
        })
    })
})